<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/order_details.css" />
		<script src="js/order_details.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>

		</div>
		<div class="center">
			<div class="center_list">
				<dl>
					<dt>个人中心</dt>
					<dd>
						<a href="user.html">我的用户中心</a>
					</dd>
					<dd>
						<a href="shop_cart.html">我的购物车</a>
					</dd>
					<dd class="on">
						<a href="order.html">我的订单</a>
					</dd>
					<dd>
						<a href="#">我的收藏</a>
					</dd>
					<dd>
						<a href="comments.html">我的评价</a>
					</dd>
					<dd>
						<a href="#">我的余额</a>
					</dd>
					<dt>我的帐户</dt>
					<dd>
						<a href="address.html">地址管理</a>
					</dd>
					<dd>
						<a href="user.html">个人中心</a>
					</dd>
					<dt>我要退款</dt>
					<dd>
						<a href="#">系统信息</a>
					</dd>
					<dd>
						<a href="#">举报系统</a>
					</dd>
				</dl>
			</div>
			<div class="center_box">
				<h3>订单详情</h3>
				<div class="order_details">
					<h4>订单概况</h4>
					<p class="order_no">订单号：sagasdg1464616546<span>状态：已付款</span> </p>
					<p>订单金额：<i>￥199.00</i>（免运费）</p>
					<p>收货地址：广西壮族自治区南宁市 良庆区 大沙田前进路110号&nbsp;&nbsp; 132******80&nbsp;&nbsp; 路人甲（收） </p>
					<p>支付方式：支付宝</p>
					<p>送货方式：XX快递</p>
				</div>
				<div class="my_express">
					<table border="0">
						<tbody>我的快递
							<col width="313" />
							<col width="313" />
							<col width="313" />
							<tr>
								<th>发货时间</th>
								<th>目前状态</th>
								<th>操作人</th>
							</tr>
							<tr>
								<td>2017-10-21&nbsp;&nbsp;&nbsp;&nbsp; 17：55</td>
								<td>已发货</td>
								<td>路人甲</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="inventory">
					<h4>产品清单</h4>
					<div class="in_details"><img src="img/i1.png" />
						<p><span>花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤</span>
							<b>男</b>
							<b>兔头|白色长袖 180/XL</b>
							<i>数量：1</i>
						</p>
						<div class="order_money"><em>￥199.00</em></div>
					</div>
					<div class="all_money">
						<p>商品价格：<span>￥199.00</span></p>
						<p>运费：0</p>
						<p>优惠：0</p>
						<p>总费用：<span>￥199.00</span></p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>